<template>
  <div class="flex flex-col items-center">
    <button
      class="w-full max-w-xs font-bold shadow-sm rounded-lg py-3 bg-indigo-100 text-gray-800 flex items-center justify-center ease-in-out focus:outline-none hover:shadow focus:shadow-sm focus:shadow-outline">
      <div class="weixin"></div>
      <span class="ml-4">使用微信登录</span>
    </button>
    <button
      class="w-full max-w-xs font-bold shadow-sm rounded-lg py-3 bg-indigo-100 text-gray-800 flex items-center justify-center ease-in-out focus:outline-none hover:shadow focus:shadow-sm focus:shadow-outline mt-5">
      <div class="weibo"></div>
      <span class="ml-4">使用微博登录</span>
    </button>
  </div>
</template>

<script lang="ts">
export default {

}
</script>

<style>

</style>